<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="referrer" content="never">
    <!--当网站添加到主屏幕快速启动方式，将网站添加到主屏幕快速启动方式-->
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--隐藏ios上的浏览器地址栏-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!-- UC默认竖屏 ，UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <title>俱乐部</title>
    <link rel="stylesheet" href="__TMPL__/portal/PCwebsite/css/common.css">
    <link rel="stylesheet" href="__TMPL__/portal/PCwebsite/css/club.css">
</head>
<body>
<div class="club">

     <div class="club-content">
         <div class="container">
             <div class="search-head clearfix">
                 <div class="info">
                     <!--<i class="icon-address"></i>-->
                     <p class="text"><span class="pink">{$keywords? "您搜索的关键词：$keywords" : "广东</span>附近有<span class='pink'>61</span>家美胸汇俱乐部</p>"}
                 </div>
                 <form action="/portal/club/clubData" method="get" >
                     <div class="search-box clearfix">
                         <div class="input clearfix">
                             <i class="icon-search"></i>
                             <input type="text" name="keywords" placeholder="请输入关键字">
                         </div>
                         <button type="submit" class="btn-confirm">确定</button>
                     </div>
                 </form>


            </div>

             <div class="map-box clearfix">
                 <div class="left-list">
                     <!--<div class="select-box"></div>-->
                     <ul class="address-list">
                         <volist name="clubList" id="vo" key="key">
                             <li class="active" <if condition="$id eq $vo.id"> style="color: rgb(240, 93, 163);"<else>style="border-bottom-color:rgb(51, 51, 51);"</if>>
                                 <div class="caption"><a <if condition="$id eq $vo.id"> style="color: rgb(240, 93, 163);"</if> href='/portal/club/clubData?page={$page}{$keywords? "&keywords=$keywords" : ""}&id={$vo.id}'>{$key}、{$vo.club_name}</a></div>
                                 <div class="address" <if condition="$id eq $vo.id"> style="color: rgb(240, 93, 163);"<else>style="color: black;"</if>>{$vo.club_address}</div>
                             </li>
                         </volist>
                     </ul>
                     <div class="pagination clearfix">
                         <div class="left">

                             <span class="btn-prev">
                                 <a class="page-link" href='/portal/club/clubData?page={$pre_id}{$keywords? "&keywords=$keywords" : ""}'><</a>&nbsp;
                                 &nbsp;
                                 &nbsp;
                             </span>
                        <span class="btn-next"><a class="page-link" href='/portal/club/clubData?page={$next_id}{$keywords? "&keywords=$keywords" : ""}'>></a></span>
                    </div>
                    <div class="right">
                        <span class="current-page">{$page}</span>/<span class="total-page">{$total}</span>
                    </div>
                </div>
            </div>
            <div class="right-map">
                <div id="map-wrap"></div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>
<script src="__TMPL__/portal/PCwebsite/js/jquery.min.js"></script>
<script src="__TMPL__/portal/PCwebsite/js/distpicker/distpicker.data.js"></script>
<script src="__TMPL__/portal/PCwebsite/js/distpicker/distpicker.js"></script>
<script>
    $('#target').distpicker({
        province: '广东省',
        city: '广州市'
    });
</script>
<!--秘钥： CxjQu95BXRMZMc2GHglE6nNZgWUhzzXa-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=CxjQu95BXRMZMc2GHglE6nNZgWUhzzXa"></script>
<script type="text/javascript">
    var map = new BMap.Map("map-wrap"); //创建Map实例
    var point = new BMap.Point(113.620782,23.134625);
    map.centerAndZoom(point, 17); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));
    map.setCurrentCity("广州"); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    var marker = new BMap.Marker(point); // 创建标注
    map.addOverlay(marker); // 将标注添加到地图中
    var opts = {
        width: 200, // 信息窗口宽度
        height: 100, // 信息窗口高度
        title: "广东花都迎宾大道", // 信息窗口标题
        enableMessage: true, //设置允许信息窗发送短息
        message: "亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
    }
    var infoWindow = new BMap.InfoWindow("地址：广东花都迎宾大道 <br /> 电话：13822223300", opts); // 创建信息窗口对象
    marker.addEventListener("click", function() {
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });

</script>

</script>

